body{
	background-color: #fafafa;
}

.layui-nav{
	display: flex;
	justify-content: space-between;
}

.layui-nav .headerTitle{
	font-size: 24px;
}

.layui-nav dl{
	color: #c4c5c9;
	cursor: pointer;
	font-size: 14px;
}

.layui-nav .userface{
	background-color: #57abff;
	padding: 13px;
	border-radius: 50%;
	color: #fff;
}

.layui-nav dl dd:hover{
	background-color: #eee;
	padding: 0 10px;	
}
/* 个人信息 */
.persoonlaInfo{
	display: flex;
	flex-direction: column;
	align-items: center;
}

.persoonlaInfo div:first-child{
	width: 130px;
	height: 130px;
	margin: 50px 0;
}

.persoonlaInfo .userface{
	width: 100px;
	line-height: 100px;
	background-color: #57abff;
	display: inline-block;
	text-align: center;
	font-size: 24px;
	color: #fff;
	border-radius: 50%;
}

.persoonlaInfo .infos span{
	margin: 0 15px;
	color: #57abff;
}

.layui-icon{
	font-size: 14px;
}

.layui-text{
	margin: 15px 0;
}

.listArticle{
	width: 600px;
	margin: 20px auto;
}

.listArticle .layui-card-body div{
	display: flex;
	justify-content: space-between;
	margin-bottom: 5px;
}

.listArticle .layui-card-body .articleItem{
	border-bottom: 1px solid #eee;
}

.listArticle .layui-card-body div a{
	color: #57abff;
}

.listArticle .layui-card-body div a{
	color: #57abff;
}

.listArticle .layui-card-body div a:hover{
	color: #409eff;
}

.listArticle .layui-card-body div i{
	margin-right: 8px;
	font-size: 14px;
	color: #57abff;
}

.layui-laypage .layui-laypage-curr .layui-laypage-em{
    background-color: #57abff;
}